﻿<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>AroCity</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <link rel="stylesheet" href="javascript/libs/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="javascript/libs/jquery-ui/jquery-ui.css" / >
        <link rel="stylesheet" href="css/custom.css">
       
        <!--GOOGLE API FOR GEO LOCATION-->
        <script src="http://maps.google.com/maps/api/js?sensor=false"></script>

        <script type="text/javascript" src="javascript/libs/require/require.js" data-main="javascript/main" ></script>
        <script src="javascript/libs/modernizer/modernizr-2.6.2-respond-1.1.0.min.js" type="text/javascript"></script>
        <!--CSS and JS related to IE browsers-->       
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="javascript/libs/html5shiv.js/html5shiv.js" type="text/javascript"></script>
          <script src="javascript/libs/respond.js/respond.js" type="text/javascript"></script>
          <script src="javascript/libs/ie-emulation-modes-warning-js/ie-emulation-modes-warning.js" type="text/javascript"></script>
        <![endif]-->
        <!--/ CSS and JS related to IE browsers-->
    </head>
    <body>
        <header class="navbar  navbar-fixed-top" role="navigation">
            <!-- common/pageHeader.html -->
        </header>
        <main class="body-container container">
            <section id='bodyPart' class="row" style="min-height: 500px ">
                <!-- LEFT Side Navigation -->    
                <div id="leftPanel" class="col-sm-3 hide">
                    <div class="left-panel-items col-sm-12">

                    </div>                                       
                </div>            
                <!-- RIGHT SIDE-->
                <aside id="productCntr" class="col-sm-12">
                    <!-- Carousel Section -->
                    <section class="row carousel-holder">
                    </section>
                    <section id='messageBlock' class="row hide" style='margin-top:10px'>
                        <div id='alert-box' class="alert alert-warning" role="alert"></div>
                    </section>
                   <section id='items-row' class="row" style='margin-top:10px'>                      
                       <div class="alert alert-info" role="alert">Collecting Seller Information</div>
                    </section>
                </aside>
            </section>           
            <footer>
                 <!-- common/pageFooter.html -->
            </footer>
        </main>
    <!-- /container -->       
    <script src="javascript/libs/jquery/jquery.js"></script>   
    <script src="javascript/libs/bootstrap/js/bootstrap.js"></script>

</body>
</html>
